
		<style>
			.top{
				width:100%;
				height:70px;
				background-color:#fff;
			}
			.top a{
				display: inline-block;
				width:110px;
				height:33px;
				background:url('them/img/logo.png') 0px 0px no-repeat;
				background-size:110px 33px;
				margin-left:83px;
				margin-top:18px;
			}
			.center{
				position:relative;
				width:100%;
				height:770px;
				overflow:hidden;
			}
			.center img{
				width:100%;
/*				height:770px;*/
				overflow:hidden;
			}
			.biez{
				position:absolute;
				left:307px;
				top:97px;
				width:31px;
				height:44px;
				background:url("them/img/biez.png") 0px 0px no-repeat;
				background-size:31px 44px;
				z-index:4;
			}
			.box{
				position:absolute;
				width:380px;
				height:472px;
				background:url("them/img/zhezhou.png") 0px 0px no-repeat;
				top:100px;
				left:83px;
				border:1px #ddd solid;
				box-shadow:4px 8px 20px 0px #777;
				z-index:2;
				
			}
			.h2{
				display: inline-block;
				margin-top:27px;
				margin-left:39px;
				font-size:16px;
				color:#000;
			}
			.tab:hover{
				color:#30a5ff;
			}
			.tab{
				position: absolute;
				display:inline-block;
				right: 40px;
				bottom: 126px;
				width:47px;
				height:16px;
				color:#30a5ff;
				font-size:14px;
				background:url("them/img/rt.png") 35px 4px no-repeat;
				background-size:12px 12px;
				
			}
			.account{
				width:260px;
				height:38px;
				font-size:12px;
				border:1px #bbb solid;
				border-radius:4px;
				margin-left:38px;
				margin-top:28px;
				padding-left:40px;
				background:#fff url("them/img/eml1.png") 10px 13px no-repeat;
				background-size:20px 13px;
			}
			#input6{
				width:260px;
				height:38px;
				border:1px #bbb solid;
				border-radius:4px;
				font-size:12px;
				margin-left:38px;
				margin-top:30px;
				padding-left:40px;
				background:#fff url("them/img/phonenum-zc.png") 10px 10px no-repeat;
				background-size:20px 20px;
			}
			.password{
				width:260px;
				height:38px;
				border:1px #bbb solid;
				border-radius:4px;
				margin-left:38px;
				margin-top:30px;
				font-size:12px;
				padding-left:40px;
				background:#fff url("them/img/eml2.png") 10px 10px no-repeat;
				background-size:20px 19px;
			}
			.code{
				width:168px;
				height:38px;
				border:1px #bbb solid;
				border-radius:4px;
				font-size:12px;
				margin-left:38px;
				margin-top:30px;
				padding-left:10px;
			}
			.codepic{
				float:right;
				margin-right:40px;
				margin-top:30px;
				display:inline-block;
				width:98px;
				height:38px;
				border:1px #bbb solid;
				border-radius:4px;
				background-color:#fff;
				overflow:hidden;
				
			}
			.codepic img{
				width:98px;
				height:38px;
				overflow: hidden;
			}
			#ye{
				position:absolute;
				left:39px;
				bottom:125px;
			}
			label span{
				display: inline-block;
				position:absolute;
				left:58px;
				bottom:125px;
				font-size:12px;
				color:#999;
			}
			.forget{
				position:absolute;
				left:120px;
				bottom:125px;
				color:#30a5ff;
				font-size:12px;
			}
			.forget:hover{
				color:#30A5FF;
			}
			.loginbtn{
				position:absolute;
				bottom:56px;
				left:40px;
				width:300px;
				height:40px;
				border-radius:4px;
				background-color:#30A3FF;
				font-size:16px;
				color:#fff;
				line-height:40px;
				text-align:center;	
				cursor: pointer;
			}
			.loginbtn1{
				position:absolute;
				bottom:56px;
				left:40px;
				width:300px;
				height:40px;
				border-radius:4px;
				background-color:#30A3FF;
				font-size:16px;
				color:#fff;
				line-height:40px;
				text-align:center;	
				cursor: pointer;
			}			
			/*注册*/
			.box-zc{
				position:absolute;
				width:380px;
				height:608px;
				background:url("them/img/zhezhou.png") 0px 0px no-repeat;
				top:100px;
				left:83px;
				border:1px #ddd solid;
				box-shadow:4px 8px 20px 0px #777;
				z-index:2;
				display:none;
			}
			.sp{
				position:absolute;
				bottom:31px;
				left:39px;
				color:#666;
				font-size:14px;
			}
			.wx{
				position:absolute;
				bottom:28px;
				left:115px;
				width:20px;
				height:20px;
				background:url("them/img/weixin.png") 0px 0px no-repeat;
				background-size:20px 20px;
				
			}
			.wb{
				position:absolute;
				bottom:28px;
				left:143px;
				width:20px;
				height:20px;
				background:url("them/img/weibo.png") 0px 0px no-repeat;
				background-size:20px 20px;
				
			}
			.qq{
				position:absolute;
				bottom:28px;
				left:171px;
				width:20px;
				height:20px;
				background:url("them/img/qqq.png") 0px 0px no-repeat;
				background-size:20px 20px;
				
			}
			.codetwo{
				text-align:center;
				line-height:38px;
			}
			.box-zc input{
				font-size:12px;
			}
			#y{
				position:absolute;
				left:39px;
				bottom:125px;
			}
			.bottom{
				width:100%;
				height:102px;
				background-color:#3e3e3e;
			}
			.last{
				width:660px;
				
				margin:0 auto;
			}
			.last ul li{
				display:inline-block;
				width:105px;
				height:12px;
				font-size:14px;
				color:#fff;
				border-right:2px #fff solid;
				text-align: center;
				margin-top:30px;
			}
			.last ul li:nth-child(6){
				border-right:none;
			}
			.last ul li a{
				display:inline-block;
				font-size:14px;
				color:#fff;
				line-height:14px;
				position:relative;
				bottom:3px;
			}
			.lasts{
				width:513px;
				margin:0 auto;
				margin-top:20px;
			}
			.lasts ul li{
				display:inline-block;
				font-size:12px;
				color:#999;
			}
			.lasts ul li:last-child{
				margin-left:24px;
			}
			.red{
				position:absolute;
				left:44px;
				top:176px;
				color:red;
				font-size:12px;
				z-index:99;
			}
			.red1{
				position:absolute;
				left:44px;
				top:247px;
				color:red;
				font-size:12px;
				z-index:99;
			}
			.red2{
				position:absolute;
				left:44px;
				top:176px;
				color:red;
				font-size:12px;
				z-index:99;
			}
			.red3{
				position:absolute;
				left:44px;
				top:245px;
				color:red;
				font-size:12px;
				z-index:99;
			}
			.red4{
				position:absolute;
				left:44px;
				top:316px;
				color:red;
				font-size:12px;
				z-index:99;
			}
			.red5{
				position:absolute;
				left:44px;
				top:330px;
				color:red;
				font-size:12px;
				z-index:99;
			}
			.red6{
				position:absolute;
				left:44px;
				top:396px;
				color:red;
				font-size:12px;
				z-index:99;
			}
			#getcode-zc{
				cursor:pointer;
			}
			.newdiv {
				width: 342px;
				height: 40px;
				font-size: 14px;
				color: #666;
				line-height: 40px;
				background-color: #fff;
				margin-top: 18px;
				overflow: hidden;
				padding-left: 38px;
			}
			.newdiv > span {
				color: #fe8a23;
				cursor: pointer;
			}
			.bj {
				float: left;
				width: 100%;
			}
			.bj1 {	
				height: 119px;
				background: url("them/img/lgbj1.jpg") 0px 0px no-repeat;
				background-size: 100% 119px;
			}
			.bj2 {	
				height: 165px;
				background: url("them/img/lgbj2.jpg") 0px 0px no-repeat;
				background-size: 100% 165px;
			}
			.bj3 {	
				height: 166px;
				background: url("them/img/lgbj3.jpg") 0px 0px no-repeat;
				background-size: 100% 166px;
			}
			.bj4 {	
				height: 182px;
				background: url("them/img/lgbj4.jpg") 0px 0px no-repeat;
				background-size: 100% 182px;
			}
			.bj5 {	
				height: 138px;
				background: url("them/img/lgbj5.jpg") 0px 0px no-repeat;
				background-size: 100% 138px;
			}
			
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
input[type="number"]{-moz-appearance:textfield;}			
			
			
			.allTip{
				margin-top:40px;
				margin-left:38px;
				color:red;
			}
			
						
		</style>
		<div class="top">
			<a href="#" class="logo-a"></a>
		</div>
		<div class="center">
			<div class="bj bj1"></div>
			<div class="bj bj2"></div>
			<div class="bj bj3"></div>
			<div class="bj bj4"></div>
			<div class="bj bj5"></div>
			<div class="biez"></div>
			<div class="box">
				<h2 class="h2">个人用户登录</h2>
				<div class="newdiv">如果您是企业用户，请点击<span ng-click="toto()">企业用户登录</span></div>
				<a class="tab" href="javascript:void(0);" ng-click="Tab()">注册</a>
				<input id="input1" ng-model="userInfo.name" class="account" type="text" maxlength="60" placeholder="电子邮箱/手机号码" ng-focus="checkInfo()" ng-blur="myfs()" />
				<input id="input2" ng-model="userInfo.pass" class="password" maxlength="18" type="password" placeholder="6-18个字符" ng-focus="checkInfo()" ng-blur="mypas()" />
				<input id="input3" ng-model="userInfo.code" class="code" type="text" maxlength="4" placeholder="请输入验证码" ng-blur="checkCode()" ng-focus="checkInfo()"/>
				<div class="codepic" ng-click="toLoGin()">
					<img id="codePic" src={{imgsrc}} alt="..." />
				</div>
				<label for="ye">
					<input id="ye" type="checkbox" ng-model="remember"/>
					<span>记住密码</span>
				</label>
				<a class="forget" ng-click="tomodpswd()">忘记密码？</a>
				<p class="allTip" ng-bind="userTip.all"></p>
				<div  class="loginbtn" ng-click="dengL()"  >登录</div>
				<!--<span class="sp">快捷登陆：</span>
				<a class="wx" id="login_container" ng-href="{{Weixin}}" target="_blank"></a>
				<a class="wb" ng-href="{{Sina}}" target="_blank"></a>
				<a class="qq" ng-href="{{QQ}}" target="_blank"></a>-->
				<div class="red" ng-bind="userTip.name">邮箱/手机号错误！</div>
				<div class="red1" ng-bind="userTip.pass">密码格式错误！</div>
			</div>
			
			
			<div class="box-zc">
				
				<form id="zc" action="">
					<h2 class="h2">注册工程界账号</h2>
					<div class="newdiv">如果您是企业用户，请点击<span ng-click="totos()">企业用户注册</span></div>
					<a class="tab" href="javascript:void(0);" ng-click="Tabto()">登录</a>
					<input id="input4" ng-model="registerInfo.name" class="account" maxlength="60" type="text" placeholder="请填写正确的电子邮箱 , 用于密码找回和登录" ng-focus="checkInfo()" ng-blur="myfszc()" />
					<input id="input5" ng-model="registerInfo.pass" class="password" maxlength="18" type="password" placeholder="6-18个字符" ng-focus="checkInfo()" ng-blur="passWords()"/>
					<input id="input6" ng-model="registerInfo.tel" class="account" oninput="if(value.length>11)value=value.slice(0,11)" type="number" placeholder="请输入手机号码" ng-focus="checkInfo()" ng-blur="phonezcs()" />
					<input id="input7" ng-model="registerInfo.code" class="code" type="text" maxlength="4" placeholder="请输入验证码" ng-focus="checkInfo()" ng-blur="checkRegisterCode()"/>
					<div class="codepic" ng-click="LoGin()" >
						<img id="codePics" src={{imgsrcreg}} alt="..." />
					</div>
					<input id="input8" ng-model="registerInfo.msg" class="code" type="text" maxlength="4" placeholder="请输入短信验证码" ng-focus="checkInfo()" ng-blur="checkRegisterMsg()"/>
					<div id="getcode-zc" class="codepic codetwo" ng-click="getCodezc()" >
						获取验证码
					</div>
					<label for="y">
						<input id="y" type="checkbox" ng-model="registerInfo.flag"/>
						<span>我已阅读并同意<a ui-sref="footerCtrl.serviceRuleCtrl">《工程服务条款》</a></span>
					</label>
					<p class="allTip" ng-bind="registerTip.all"></p>
					<a class="loginbtn1" ng-click="loginZc()">注册</a>
					<!--<span class="sp">快捷登陆：</span>
					<a class="wx" ng-href="{{Weixin}}" target="_blank"></a>
					<a class="wb" ng-href="{{Sina}}" target="_blank"></a>
					<a class="qq" ng-href="{{QQ}}" target="_blank"></a>-->
					<div class="red2" ng-bind="registerTip.name">邮箱格式错误</div>
					<div class="red3" ng-bind="registerTip.pass">密码格式错误</div>
					<div class="red4" ng-bind="registerTip.tel">手机号码格式错误</div>
					<div class="red5" ng-bind="registerTip.code">验证码错误</div>
					<div class="red6" ng-bind="registerTip.msg">手机验证码错误</div>
				</form>
				
			</div>
		</div>

		<div  ng-include="'app/business/common/footer.html'"></div>

